var React  = require('react');
var NavLink = require('./NavLink')
var IndexLink = require('react-router').IndexLink;

var All = React.createClass({
    render:function(){
        $(function(){
            $('.audio-box').hover(function(){
                $(this).css('bottom','0')
            },function(){
                 $(this).css('bottom','-50px')
            })
        })
        return (
            <div>
                <div id="g_nav2" className="m-subnav j-tflag">
                    <div className="wrap f-pr">
                        <ul className="nav">
                            <li><NavLink  data-module="discover" to="/discover" className=""><em>推荐</em></NavLink></li>
                            <li><NavLink data-module="toplist" to="/discover/toplist"><em>排行榜</em></NavLink></li>
                            <li><NavLink to="/discover/playlist" data-module="playlist"><em>歌单</em></NavLink></li>
                            <li><NavLink data-module="djradio" to="/discover/djradio" className=""><em>主播电台</em></NavLink></li>
                            <li><NavLink data-module="artist" to="/discover/artist" className=""><em>歌手</em></NavLink></li>
                            <li><NavLink data-module="album" to="/discover/album" className=""><em>新碟上架</em></NavLink></li>
                        </ul>
                    </div>
                </div>
                <div className = "content">
                    {this.props.children}
                </div>
                  <div className="footer">
                    <div className="m-foot">
                        <div className="wrap">
                            <div className="copyright">
                                <p>
                                    <a href="##" target="_blank" className="fc4">关于网易</a>
                                    <span className="line">|</span>
                                    <a href="##" target="_blank" className="fc4">客户服务</a>
                                    <span className="line">|</span>
                                    <a href="##" target="_blank" className="fc4">服务条款</a>
                                    <span className="line">|</span>
                                    <a href="##" target="_blank" className="fc4">网站导航</a>
                                    <span className="line">|</span>
                                    <a href="##" target="_blank" className="fc4">意见反馈</a>
                                </p>
                                <p className="fc3">
                                    <span className="sep">网易公司版权所有?1997-2017</span>杭州乐读科技有限公司运营：
                                    <a href="##" target="_blank" className="fc3">浙网文[2015] 0415-135号</a>
                                </p>
                            </div>
                            <ul className="enter">
                                <li>
                                    <a className="logo item1 f-tid" href="##" target="_blank">独立音乐人</a>
                                </li>
                                <li>
                                    <a className="logo item2 f-tid" href="##" target="_blank">音乐专栏</a>
                                </li>
                                <li>
                                    <a className="logo item3 f-tid" href="##" target="_blank">自媒体</a>
                                </li>
                                <li>
                                    <a className="logo item4 f-tid" href="##" target="_blank">赞赏</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                    <div className="audio-box">
                    <div className="audio-container">
                        <div className="audio-view">
                            <div className="audio-cover" ></div>
                            <div className="audio-body">
                                <h3 className="audio-title">未知歌曲</h3>
                                <div className="audio-backs">
                                    <div className="audio-this-time">00:00</div>
                                    <div className="audio-count-time">00:00</div>
                                    <div className="audio-setbacks">
                                        <i className="audio-this-setbacks">
                                            <span className="audio-backs-btn"></span>
                                        </i>
                                        <span className="audio-cache-setbacks">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div className="audio-btn">
                                <div className="audio-select">
                                    <div className="audio-prev"></div>
                                    <div className="audio-play"></div>
                                    <div className="audio-next"></div>
                                    <div className="audio-menu"></div>
                                    <div className="audio-volume"></div>
                                </div>
                                <div className="audio-set-volume">
                                    <div className="volume-box">
                                        <i><span></span></i>
                                    </div>
                                </div>
                                <div className="audio-list">
                                    <div className="audio-list-head">
                                        <p>歌单</p>
                                        <span className="menu-close">关闭</span>
                                    </div>
                                    <ul className="audio-inline">
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
});

module.exports = All;